<template>
    <van-list style="padding-bottom: 70px;" class="product-list fww flex jc-sa pt-15 pb-60">
        <router-link v-for="item in goodsList" :to="'/product/detail/'+item.productId" class="item ova bg-fff">
            <img class="img" alt :src="item.imgUrl" />
            <div style="height: 78px" class="bg-fff flex2 lh15 mt-10">
                <p class="f14 ovt lh15">
                    {{ item.masterName }}
                </p>
                <p class="f12 ovt lh15 pl-5">{{item.slaveName}}</p>
                <div class="lh15 flex jc-sb aic">
                    <p class="base">
                        <span class="f10 red pl-5">￥</span>
                        <span class="f15 red">57.80</span>
                    </p>
                    <p>
                        <span class="f10 f999">销量</span>
                        <span class="f999 f14 pr-5">: 9998</span>
                    </p>
                </div>
            </div>
        </router-link>
        <a class="item ova" style="height: 0"></a>
    </van-list>
</template>

<script>
export default {
  props: ['goodsList']
}
</script>